<div style="text-align: center">{{details[index].name}}</div>
<div
  style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;user-select: none;-webkit-user-select: none">
  <i nz-icon nzType="left-circle" nzTheme="twotone" style="font-size: 30px"
     (click)="currentImgIndexChange('minus')"></i>
  <div style="height: 400px;width: 400px;position: relative"
       *ngIf="details[index].url">
    <img style="width: 400px;height: 400px"
         [src]="details[index].url" alt="">
  </div>
  <i nz-icon nzType="right-circle" nzTheme="twotone" style="font-size: 30px"
     (click)="currentImgIndexChange('plus')"></i>
</div>
<span style="position: absolute;top: 78px;right: 60px;">{{index + 1}} / {{details.length}}</span>
<div style="text-align: center">{{details[index].remark}}</div>
